<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE div PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sj:head jqueryui="true" />
<script type="text/javascript">
	$()
			.ready(
					function() {
						var responsable = "<s:property value='%{extintor.responsable.cedula}'/>";
						$('#cedula').val(responsable);
					});
</script>
</head>
<body>
	<div id="registrarExtintor">
		<s:form id="formRegistrarExtintor" action="registrar.action"
			namespace="/extintor">
			<div>
				<fieldset id="extintorData">
					<legend>Datos del Extintor</legend>
					<s:label value="Modelo:" for="modelo" />
					&nbsp;&nbsp;
					<s:select id="modelo" name="modelo" list="modelos" listKey="id"
						listValue="descripcion" headerKey="-1"
						headerValue="<--Seleccione-->" value="%{extintor.modelo.id}" />
					<br /> <br />
					<s:label value="Peso:" for="peso" />
					&nbsp;&nbsp;&nbsp;&nbsp;
					<s:select id="peso" name="peso" list="pesos" listKey="id"
						listValue="peso" headerKey="-1" headerValue="<--Seleccione-->"
						value="%{extintor.peso.id}" />
					<br /> <br />
					<s:label value="Compuesto:" for="compuesto" />
					&nbsp;&nbsp;
					<s:select id="compuesto" list="compuestos" name="compuesto"
						listValue="descripcion" listKey="id" headerKey="-1"
						headerValue="<--Seleccione-->" value="%{extintor.compuesto.id}" />
					<br /> <br />
					<s:label value="Tipo Fuego:" for="fuego" />
					&nbsp;&nbsp;
					<s:if test="%{tipoA == 'true'}">
						<s:checkbox name="tipoA" value="true">
							<img src="<s:url value="/resources/images/fuego/tipoA.png"/>" />
						</s:checkbox>
					</s:if>
					<s:else>
						<s:checkbox name="tipoA">
							<img src="<s:url value="/resources/images/fuego/tipoA.png"/>" />
						</s:checkbox>
					</s:else>
					<s:if test="%{tipoB == 'true'}">
						<s:checkbox name="tipoB" value="true">
							<img src="<s:url value="/resources/images/fuego/tipoB.png"/>" />
						</s:checkbox>
					</s:if>
					<s:else>
						<s:checkbox name="tipoB">
							<img src="<s:url value="/resources/images/fuego/tipoB.png"/>" />
						</s:checkbox>
					</s:else>
					<s:if test="%{tipoC == 'true'}">
						<s:checkbox name="tipoC" value="true">
							<img src="<s:url value="/resources/images/fuego/tipoC.png"/>" />
						</s:checkbox>
					</s:if>
					<s:else>
						<s:checkbox name="tipoC">
							<img src="<s:url value="/resources/images/fuego/tipoC.png"/>" />
						</s:checkbox>
					</s:else>
					<s:if test="%{tipoK == 'true'}">
						<s:checkbox name="tipoK" value="true">
							<img src="<s:url value="/resources/images/fuego/tipoK.png"/>" />
						</s:checkbox>
					</s:if>
					<s:else>
						<s:checkbox name="tipoK">
							<img src="<s:url value="/resources/images/fuego/tipoK.png"/>" />
						</s:checkbox>
					</s:else>
					<br /> <br />
					<s:label value="Tipo Ubicacion:" for="ubicacion" />
					&nbsp;&nbsp;
					<s:select id="ubicacion" list="ubicaciones" listKey="id"
						name="idUbicacion" listValue="descripcion"
						value="{extintor.idUbicacion.id}" />
					<br /> <br />
					<s:label value="Ultimo Mantenimiento:" />
					&nbsp;&nbsp;
					<sj:datepicker id="fecha" name="ultimoMantenimiento"
						value="%{extintor.ultimoMantenimiento}" />
					<br /> <br />
					<s:label value="Proximo Mantenimiento:" />
					&nbsp;&nbsp;
					<sj:datepicker id="fecha2" name="proximoMantenimiento"
						displayFormat="dd/mm/yy" value="%{extintor.proximoMantenimiento}" />
					<br /> <br />
				</fieldset>
				<fieldset id="adminData">
					<legend>Datos Administrativos</legend>
					<s:label value="Ubicación Administrativa:" for="ubicAdmin" />
					&nbsp;&nbsp;
					<s:select id="ubicacionAdministrativa"
						name="ubicacionAdministrativa" list="dependencias" listKey="id"
						listValue="descripcion" headerKey="-1"
						headerValue="<--Seleccione-->" value="%{extintor.ubicacionAdministrativa.id}"/>
					<br /> <br />
					<s:label value="Sede:" for="sede" />
					&nbsp;&nbsp;
					<s:select id="sede" name="sede" list="sedes" listKey="id"
						listValue="descripcion" headerKey="-1"
						headerValue="<--Seleccione-->" value="%{extintor.sede.id}" />
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<s:label value="Area:" for="area" />
					&nbsp;&nbsp;
					<s:textfield id="area" name="area" value="%{extintor.area}"
						size="20" />
				</fieldset>
			</div>
		</s:form>
		<div id="divResponsable">
			<tiles:insertDefinition name="/buscarResponsable.tiles" />
		</div>
		<div align="center">
			<sj:a id="enviar" href="../extintor/editExtintor.action"
				formIds="formRegistrarExtintor,formResponsable" targets="body"
				button="true" buttonIcon="ui-icon-gear">EDITAR</sj:a>
		</div>
		<br />
	</div>
</body>
</html>